<template>
	<view>
		<view class="head">
			<image style="width: 100%;" src="../../static/tab/bg.png" mode=""></image>
			<view class="search">
				<view class="dw">
					<image src="../../static/dingwei.png" mode=""></image>
					<span>成都市双流区</span>
					<image class="xiala" src="../../static/xiala.png" mode=""></image>
				</view>
				<u-search style="margin-top: 40rpx;" shape="square-" borderColor="black" placeholder="请输入你想搜索的关键词" v-model="keyword"></u-search>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"seach",
		data() {
			return {
				keyword: '',
			};
		}
	}
</script>

<style lang="scss">
	.head{
		background-image: url('/static/tab/bg.png');
		background-size:cover;
		width: 100%;
		height: 307rpx;
		position: relative;
		
	}
	.search{
		width: 90%;
		padding: 0 5%;
		position: absolute;
		top: 120rpx;
		z-index: 99;
		
		image{
			width: 25rpx;
			height: 28rpx;
			margin: 0 10rpx;
			// margin-bottom: 40rpx;
		}
		.xiala{
			width: 18rpx;
			height: 12rpx;
		}
	}
	.dw{
		margin-bottom: 35rpx;
	}
</style>